<template>
  <div>
      <header>
        <!-- 标题部分 -->
        <div id="title">
            <em class="iconfont">&#xe6bc;</em>
            <h2>小U商城</h2>
            <p>
                <span class="iconfont">&#xf0112;</span>
                <span class="iconfont">&#xe71e;</span>
                <i></i>
            </p>
        </div>
        <input type="text" placeholder="&#xe610; 按内容搜索" class="iconfont">
        <!-- 导航部分 -->
        <div id="nav-top">
            <nav>
                <a href="#" class="cur">综合推荐</a>
                <a href="#">销量</a>
                <a href="#">价格</a>
                <a href="#">好评度</a>
                <a href="#">店铺</a>
            </nav>
            <p>
                <span class="iconfont">&#xe611;</span>
                <span>筛选</span>
            </p>
        </div>
    </header>
    <!-- 内容部分 -->
    <section>
        <h3>筛选11.11大促商品</h3>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>

        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div>
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶</p>
                <p>敏感肌可用，控油祛痘、男女可用温和不紧绷</p>
                <p> <b>￥</b>999 <del>￥1099</del> <span>999人已付款</span></p>
                <p>11.11限时299元起</p>
                <p>999条评论 99.9%好评</p>
            </div>
        </article>

    </section>
  </div>
</template>

<script>
export default {

}
</script>

<style>
@import "../../public/css/list.css";
</style>